body { overflow:hidden; background:#EAEAEA !important;}
img.inverted {opacity:.4;}
.spinner {
	width: 30px; height: 30px;
	position: absolute;
	top: 10px; left: 6px;
	background: url('../includes/img/spinner.gif') no-repeat left top;
	z-index: 100;
	background-size: cover;
}
.strikeout {
	text-decoration: line-through;
}

/* @group LAYOUT & STYLE */
#iscroll-wrapper {
	top: 144px; /* header + banner */
	left: 0;
	width:768px;
	background: #EAEAEA;
}
#iscroll-content {
	width:768px;overflow:hidden;
}
#iscroll-content:after {
	content: "";
	display:table;
	clear:both;	
}

#title-banner {
	clear: both;
	height: 60px;
	padding: 20px 0px; 
	position: fixed;
	top:44px;
	/* z-index:1; */
	background: #EAEAEA;
}
.portrait #title-banner {width: 100%; left:0px;}
.landscape #title-banner {width: 71%; left:297px;}

.single .title-area {padding: 20px 0px 10px;}
.sheet-title {
	width: 100%;
	font: 60px news-gothic-std !important;
	position:relative;
	top: -6px;
	padding-left: 15px;
}
.single .sheet-title {padding-left:0px;}



#title-pager {position: fixed;top: 120px;left: 0px;width: 100%;}
#text-pager {position: absolute;top: 145px;left: 0px;width: 360px;z-index: 100;}
#gallery-pager {position: absolute;top: 145px;right: 0px;width: 360px;z-index: 100;}
#gallery-pager span { background: rgba(255, 255, 255, .8); }
.pager {text-align:center;}
.pager span {
	color: #777;
	display:inline-block;
	padding:0px 2px;
	font-size:1.5em;
	-webkit-transition: color .5s linear;
}
.pager span:before{ content: "○"; position: absolue; top: 0px; left: 0px; }
.pager span.on { color: #890A22; }
.pager span.on:before{ content: "●"; position: absolue; top: 0px; left: 0px; }
.sheet-detail {font: 23px news-gothic-std;}
.post.single #text {
	width: 360px;
	height: 800px;
	float: left;
	clear:left;
}
.post.single #gallery {
	width:360px;
	height:360px;
	float:right;
	clear:right;
}


.panel.text {
	overflow-y: scroll;
	height: 800px;
	overflow-x: hidden;
	position: relative;
}
.panel.text .scrollable {
	position: relative;
}
.panel.text .title, .panel.text p:first-child {
	margin-top: 22px;
}
.panel.text:not(.biblio):last-child p:first-child {
	margin-top: 0px;
}
.panel.image {
	text-align: center;
}
.panel.image img {max-width: 100%;max-height:97%;-webkit-user-select:none;}

.panel.image p.attribution, .panel.image p.copyright {
	font: 13px news-gothic-std;
	text-align: right;
	margin-top: 0px;
	position: absolute;
	width: 360px;
	background: rgba(255, 255, 255, 0.6);
}
.panel.image p.attribution {
	bottom: 0px;
}
.panel.image p.copyright {
	bottom: -16px;
}

.panel.biblio ul {
	margin: 0px;
	width: 360px;
}
.panel.biblio ul li {
	list-style: none;
	word-wrap: break-word;
	margin-left: 1em;
}


#content {
	margin: 0px;
	background: #EAEAEA;
	padding-bottom:20px;
}

/* @end */

/* Generic Collection Styles */

/* Category Styles */

/* Taxonomy Styles */

/* @group SINGLE POST */
.post.single {margin:0px;}



.post.single .content {
	min-height:300px;
	width: 300px;
	float: right;
	padding: 0px;
}

#controller {
	float:right;
	clear:right;
	width:360px;
	position:absolute;
	bottom:50px;
	right:10px;
}

.post-navigation.nav-bottom {
	clear:both;
}
.single-post-meta-bottom {
	position: absolute;
	bottom: 55px;
	left:35px;
}
.share-button {
	text-align: center;
	margin-left: auto !important;
	margin-right: auto !important;
	width:180px;
	height: 20px;
	padding: 4px 0px !important
}
a.share-post {
	display: inline-block;
	margin:0px !important;
}


/* Detail Sheet Specifics */
.portrait #detail-wrapper {width: 100%; height: 980px; left: 0px;}
.landscape #detail-wrapper {width: 71%; height: 623px; left: 297px;}
#detail-wrapper {
	background: #EAEAEA;
	position:fixed;
	top:1024px;
	/* z-index: 1000; */
	
	-webkit-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}
#detail-wrapper.in	{top:44px}
#detail-content {height: 980px;}
#detail-content .post{height:100%;}
#detail-content .nav-bottom{
	position: absolute;
	width: 100%;
	bottom: 10px;
}

/* @end */


/* @group BUTTONS and BUTTON GROUPS */
.ou-button {
	width:43px;
	height:50px;
	float: left;
	position: relative;

	cursor: pointer;
	margin:1px;
	
	-webkit-background-clip: padding-box;
	border-radius:6px;
}
.ou-button.full {
	width: 360px;
	height: 50px;
	padding-left: 50px;
	font-weight: 700;
	display:table;
	letter-spacing:1px;
}
.ou-button.full.light {font-weight:400;}
.ou-button.dark {background:#444;color:#FFF;}
.ou-button.light {background:#FFF;color:#444;border:1px solid #444;}

.ou-button.full p {
	display: table-cell;
	vertical-align: middle;
	margin: 0px;
	width:100%;
}
.ou-button.light.active {color:#FFF;background:#444;}
.ou-button.dark.active {color:#444;background:#FFF;border:1px solid #444;}

/*   Crop-ify image icons   */
.ou-button:before {background: url('http://www.overcommaunder.com/development/wp-content/uploads/2011/12/Sprites_SHEET.png');content: "";width:43px;height:50px;position:absolute;}
.ou-button.full:before {position:absolute;left:5px;}

.ou-button.dark:before {background: url('http://www.overcommaunder.com/development/wp-content/uploads/2011/12/Sprites_SHEET.png');background-position:-5px -5px;}
.ou-button.light:before {background: url('http://www.overcommaunder.com/development/wp-content/uploads/2011/12/Sprites_SHEET.png');background-position:-5px -60px;}

.ou-button.btn-map:before    {background-position-x: -5px;}
.ou-button.btn-date:before   {background-position-x: -53px;}
.ou-button.btn-layer:before  {background-position-x: -101px;}
.ou-button.btn-detail:before {background-position-x: -149px;}
.ou-button.btn-back:before   {background-position-x: -197px;}
.ou-button.btn-expand:before {background-position-x: -245px;}
.ou-button.btn-reduce:before {background-position-x: -293px;}
.ou-button.btn-close:before  {background-position-x: -341px;}
.ou-button.btn-more:before   {background-position-x: -389px;}
.ou-button.btn-region:before {background-position-x: -528px;}

.map-btn-expander {
	width:86px;height:60px;
	background: url('http://www.overcommaunder.com/development/wp-content/uploads/2011/12/Sprites_SHEET.png');
	background-position:-5px -437px;
}


.ou-button.close-sheet {
	float: right;
	clear: right;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1000;
}

.wall-buttons {
	position: absolute;
	bottom:10px;
	right:25px;
}
.wall-buttons a {margin-left:8px;}
.wall-buttons a:first-child {margin-left:0px;}



/* You can place your custom styles here */
.post .post-author, .post .post-tags, .post .post-cats {
	margin-top: 3px;
	color: #666;
	background-position: left center;
	padding-left: 18px;
	width: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .8em;
}

.post .excerpt {
	clear:both;
	padding: 1px;
}
#content .post.not-single.not-page .back .excerpt p {
	font-size: 14px news-gothic-std, sans-serif;
	line-height:1.2 !important;
}
#content .post.not-single .back-box {
	max-height: 275px;
	overflow:hidden;
}

.load-more-link {clear:both;}

.not-single.post {
	background-color: transparent;
	border: none;
	float: left;
	height: 300px;
	width: 256px;
	margin: 0px;
	padding: 0px;
	
	-webkit-perspective: 600;
	-moz-perspective: 600;
}
.not-single.post .front {
	background: #5E0415;
	width: 236px;
	height: 280px;
	padding: 9px 0px;
	margin: 0px 10px;
	cursor:pointer;
	/*border:1px solid #999;*/
}


/*.not-single.post:nth-child(7n) .front, .not-single.post:nth-child(7n+2) .front, .not-single.post:nth-child(7n+5) .front {
*/
.not-single.post[data-status="Demolished"] .front, .not-single.post[data-status="Unrealized"] .front {
	background-color: #890a22;
}

/* Chamfered Front Corners */
.not-single.post .front:after {
	content: "";width: 0px;position: absolute;
	top: 0px;right: -9px;
	height: 278px; border-style: solid;
	border-width: 10px 0px 10px 10px;
	z-index: 100;
}
.not-single.post .front:before {
	content: "";width: 0px;position: absolute;
	top: 0px; left: -9px;
	height: 278px; border-style: solid;
	border-width: 10px 10px 10px 0px;
	z-index: 100;
}
.not-single.post .front:after, .not-single.post .front:before { border-color: transparent #5E0415; }
.not-single.post[data-status="Demolished"] .front:before, .not-single.post[data-status="Unrealized"] .front:before, 
.not-single.post[data-status="Demolished"] .front:after, .not-single.post[data-status="Unrealized"] .front:after {
/*.not-single.post:nth-child(7n) .front:after, .not-single.post:nth-child(7n) .front:before,
.not-single.post:nth-child(7n+2) .front:after, .not-single.post:nth-child(7n+2) .front:before,
.not-single.post:nth-child(7n+5) .front:after, .not-single.post:nth-child(7n+5) .front:before {
*/
	border-color: transparent #890A22;
}

/* Chamfered Back Corners */
.not-single.post .back:before {
	content: "";width: 0px;position: absolute;
	top: 0px; left: -9px;
	height: 278px; border-style: solid;
	border-width: 10px 10px 10px 0px;
	z-index: 100;
}
.not-single.post .back:after {
	content: "";width: 0px;position: absolute;
	top: 0px;right: -9px;
	height: 278px; border-style: solid;
	border-width: 10px 0px 10px 10px;
	z-index: 100;
}
.not-single.post .back:after, .not-single.post .back:before { border-color: transparent #FFF; }

.not-single.post .back {
	background: #FFF;
	width: 236px;
	height: 280px;
	padding: 9px 0px;
	margin: 0px 10px;
	/* border:1px solid #999; */
}

.rounded-corners-8px {
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

/* @end */

/* @group TITLES */
.thumbnails .not-single.not-page .title-area {
	width:100%;
	padding:0px;
	border: none;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	margin-left: 0px;
	margin-top: 0px;
	background: transparent;
}

#content .front h2, #content .front a.h2, #content .front h3, #content .front a.h3 {
	color: #F5F5F5 !important;
}
#content .front h2, #content .front a.h2 {
/*	id selector forces the font override */
	font: 26px news-gothic-std, "Helvetica-Bold", Helvetica, Geneva, Arial, sans-serif !important;
	letter-spacing: +1px;
	line-height: 1 !important;
}

#content .back h2, #content .back a.h2, #content .back h3, #content .back a.h3 {
	color: #0D0D0D !important;
	
}
#content .back h2, #content .back a.h2 {
/*	id selector forces the font override */
	font: 26px news-gothic-std, "Helvetica-Bold", Helvetica, Geneva, Arial, sans-serif !important;
	letter-spacing: +1px;
	line-height: 1 !important;
}
a.h2, .title-area h2 {
	cursor: pointer;
	text-shadow: none;
	text-align: left;
}

.not-single.post.division > div {display: table; width: 100%; height: 100%;}
.not-single.post.division h2 {display: table-cell; padding: 9px;text-align:center;font-size: 36px !important;vertical-align:middle;}

.post.not-single img.attachment-post-thumbnail {
	border: none;
	position: absolute;
	top: auto; margin-right:0px; margin-left: 0px; padding: 0px; /* overrides */
	bottom: 10px;
	width: auto;
	height: auto;
	background-color: transparent !important;
}
.post.single img.attachment-post-thumbnail {
	border: none;
	position: absolute;
	top: auto;	/*overrides default*/
	left: 0px;
	width: auto;
	height: auto;
	background-color:transparent !important;
}

/* @end */


/* @group MAP */

#map {
	background:url(../includes/img/map_bg.png);
	position: absolute;
	bottom: 185px;
	right: 10px;
	-webkit-transition: all .8s ease-in-out;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
#map img {
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
a.wax-fullscreen {
	content:"";
	position: absolute;
	top: 5px;
	right: 50px;
	z-index: 9999999;
}
.wax-fullscreen-map a.wax-fullscreen {top: 30px;right:44px;}
a.wax-fullscreen:before {
	content: "";
	position:absolute;
	width:43px;
	height:50px;
	background: #444 url('http://www.overcommaunder.com/development/wp-content/uploads/2011/12/Sprites_SHEET.png');
	background-position:-245px -5px;
	border-radius:6px;
}
.wax-fullscreen-map a.wax-fullscreen:before {background-position:-293px -5px;}

.wax-fullscreen-map {
	background: #FFF url(../includes/img/map_bg.png) !important;
	position: fixed !important;
	width: 100% !important;
	height: 100% !important;
	top: 0px !important;
	left: 0px !important;
	right: 0px !important;
	bottom: 0px !important;
	z-index: 99999;
}
div.wax-attribution {
	display:none;
}
.wax-fullscreen-map div.wax-attribution {
	display:block;
	position: absolute;
	background-color: rgba(255, 255, 255, 0.7);
	color: #333;
	font-size: 11px;
	line-height: 20px;
	z-index: 99999;
	text-align: left;
	padding: 0 5px;
	bottom: 0;
	left: 0;
}
.wax-point-div {
	background:url(../includes/img/map_tag.png);
	width: 10px;
	height:20px;
}


/* @end */


/* @group FLIP CODE */
#iscroll-content .post.not-single.click-flip {
	width:0px;height:0px;opacity:0;
	/* Animated Transitions Not Smooth Enough *//*
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	*/
}
#iscroll-content.all .post.not-single.click-flip, 

#iscroll-content.new .post.not-single.click-flip.New, 
#iscroll-content.hp .post.not-single.click-flip.HP, 
#iscroll-content.modern .post.not-single.click-flip.Modern, 
#iscroll-content.aia .post.not-single.click-flip.AIA, 
#iscroll-content.historic .post.not-single.click-flip.Historic {
	width:256px;height:300px;opacity:1;
}


.click-flip {
	-webkit-perspective: 600;
	-moz-perspective: 600;
}
/* -- make sure to declare a default for every property that you want animated -- */
/* -- general styles, including Y axis rotation -- */
.click-flip .front {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;

	-webkit-transform: rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;

	-moz-transform: rotateY(0deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;

	/* -- transition is the magic sauce for animation -- */
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.click-flip.flip .front {
	z-index: 900;
	border-color: #eee;

	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}

.click-flip .back {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 800;

	
	-webkit-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;

	-moz-transform: rotateY(-180deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;

	/* -- transition is the magic sauce for animation -- */
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.click-flip.flip .back {
	z-index: 1000;
	
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
}

/* -- X axis rotation for click panel -- */
.click-flip .front {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
}
.click-flip.flip .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.click-flip .back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
}
.click-flip.flip .back {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
}
/* @end */
-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.click-flip.flip .back {
	z-index: 1000;
	
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
}

/* -- X axis rotation for click panel -- */
.click-flip .front {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
}
.click-flip.flip .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.click-flip .back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
}
.click-flip.flip .back {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
}
/* @end */
transform: rotateY(0deg);
}
/* @end */
-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.click-flip.flip .back {
	z-index: 1000;
	
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
}

/* -- X axis rotation for click panel -- */
.click-flip .front {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
}
.click-flip.flip .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.click-flip .back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
}
.click-flip.flip .back {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
}
/* @end */